<div class="header">
    <back-Btn></back-Btn>
    履约保证金
</div>
<div class="container finance">
    <div class="list f_sk">
        <div class="list-item icon_more required">
            <div class="item-label">保证金类型</div>
            <label class="flow-content">
                <select ng-model="param.payType" ng-options="item.value as item.key for item in payTypeList"
                    ng-change="resetform()">
                    <option value="">请选择</option>
                </select>
            </label>
        </div>
        <div class="list-item required" ng-class="{readonly:param.payType==4}">
            <div class="item-label">工程来源</div>
            <label class="flow-content">
                <select ng-model="param.formKey" ng-options="item.value as item.key for item in projectsource"
                    ng-disabled="param.payType==4" ng-change="param.projectName=''">
                    <option value="">请选择</option>
                </select>
            </label>
        </div>
        <div class="list-item required icon_more" ng-class="{readonly:param.payType==4}">
            <div class="item-label">工程名称</div>
            <div class="flow-content">
                <input type="text" ng-model="param.projectName" ng-disabled="disableInput||param.payType==4">
                <p class="project_name" ng-click="choosePeople()"></p>
            </div>
        </div>
        <div class="list-item required icon_more " ng-show="param.payType==4">
            <div class="item-label">汇保证金时的编号</div>
            <div class="flow-content">
                <input type="tel" ng-model="param.returnNo" readonly ng-disabled="disabled()" ng-click="chooseNo()"
                    tel-directive />
            </div>
        </div>
        <div class="list-item required" ng-show="param.payType==4">
            <div class="item-label">是否已退清</div>
            <label class="flow-content">
                <select ng-model="param.lastReturnBack"
                    ng-options="item.value as item.key for item in lastReturnBackType">
                    <option value="">请选择</option>
                </select>
            </label>
        </div>
        <div class="list-item icon_more required">
            <div class="item-label">转款方式</div>
            <label class="flow-content">
                <select ng-model="param.payWay" ng-options="item.value as item.key for item in payWayList">
                    <option value="">请选择</option>
                </select>
            </label>
        </div>
        <label class="list-item icon_more required">
            <div class="item-label">到账截至时间</div>
            <div class="flow-content">
                <input type="text" date-directive id="start_date" ng-model="param.endDate" datetype="datetime" />
            </div>
        </label>
        <div class="list-item">
            <div class="item-label">公司收款帐户</div>
            <div class="flow-content">
                <input type="text" ng-model="param.receiptName" />
            </div>
        </div>
        <div class="table-list" ng-class="{readonly:!disabled()}">
            <div class="info-title">款项来源人
                <span class="c-blue fr" ng-click="addfundSorucePenson()" ng-show="disabled()">添加</span>
            </div>
            <div class="table-item">
                <div class="list-item">
                    <div class="item-label">来源人</div>
                    <div class="flow-content">
                        <input ng-disabled="!disabled()" type="text" ng-model="param.fundSorucePerson" />
                    </div>
                </div>
                <div class="list-item required" ng-hide="param.payType==4">
                    <div class="item-label">来款金额</div>
                    <div class="flow-content">
                        <input ng-disabled="!disabled()" type="text" ng-model="param.fundSoruceMoney" tel-directive />
                    </div>
                </div>
                <div class="list-item">
                    <div class="item-label">来源人账号</div>
                    <div class="flow-content">
                        <input ng-disabled="!disabled()" type="text" ng-model="param.fundSoruceAccount" />
                    </div>
                </div>
                <div class="list-item">
                    <div class="item-label">来源人开户行</div>
                    <div class="flow-content">
                        <input ng-disabled="!disabled()" type="text" ng-model="param.fundSoruceBank" />
                    </div>
                </div>
            </div>
            <div class="table-item" ng-repeat="item in param.fundSoruceList">
                <div class="content" ng-class="{cur:$index==index}" ng-click="resetlist()" ng-swipe-left="swipe($index)"
                    ng-swipe-right="swipe(-1)">
                    <div class="list-item">
                        <div class="item-label">来源人</div>
                        <div class="flow-content"> {{item.person}}
                        </div>
                    </div>
                    <div class="list-item" ng-hide="param.payType==4">
                        <div class="item-label">来款金额</div>
                        <div class="flow-content"> {{item.money}}
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-label">来源人账号</div>
                        <div class="flow-content"> {{item.account}}
                        </div>
                    </div>
                    <div class="list-item">
                        <div class="item-label">来源人开户行</div>
                        <div class="flow-content"> {{item.bank}}
                        </div>
                    </div>
                </div>
                <div class="delete_icon icon_del" ng-click="deletedItem($index)"></div>
            </div>
        </div>
        <div class="table-list" ng-class="{readonly:!disabled()}">
            <div class="info-title">收款人
            </div>
            <div class="table-item">
                <div class="list-item">
                    <div class="item-label">收款人</div>
                    <div class="flow-content">
                        <input ng-disabled="!disabled()" type="text" ng-model="param.receivePerson" />
                    </div>
                </div>
                <div class="list-item" ng-hide="param.payType==2">
                    <div class="item-label">收款金额</div>
                    <div class="flow-content" style="background:#fff">
                        <input type="text" ng-model="param.receiveMoney" tel-directive />
                    </div>
                </div>
                <div class="list-item">
                    <div class="item-label">收款人账号</div>
                    <div class="flow-content">
                        <input ng-disabled="!disabled()" type="text" ng-model="param.receiveAccount" />
                    </div>
                </div>
                <div class="list-item">
                    <div class="item-label">收款人开户行</div>
                    <div class="flow-content">
                        <input ng-disabled="!disabled()" type="text" ng-model="param.receiveBank" />
                    </div>
                </div>
            </div>
            <div class="table-item mt5" ng-repeat="item in param.receiveList">
                <div class="list-item">
                    <div class="item-label">收款人</div>
                    <div class="flow-content"> {{item.person}}</div>
                </div>
                <div class="list-item">
                    <div class="item-label">收款金额</div>
                    <div class="flow-content"> {{item.money}}</div>
                </div>
                <div class="list-item">
                    <div class="item-label">收款人账号</div>
                    <div class="flow-content">{{item.account}}</div>
                </div>
                <div class="list-item">
                    <div class="item-label">收款人开户行</div>
                    <div class="flow-content"> {{item.bank}}</div>
                </div>
            </div>
        </div>
        <div class="list-item list-item-textarea required">
            <div class="item-label">备注</div>
            <div class="flow-content">
                <textarea cols="30" rows="10" ng-model="param.remark"></textarea>
            </div>
        </div>
        <!-- 自定义字段 -->
        <div user-defined param="param" field-map="param.fieldMap" validation="validation" uid="param.uid"
            processid="param.processInstanceId"></div>
        <!-- 附件 -->
        <div class="file-upload" file-upload file-data="param.attachment">
        </div>
        <!-- 审查日志 -->
        <div log-list status="processStatus" taskid="process_id"></div>
    </div>
</div>
<!-- 删除流程 -->
<div delete-flow uid="param.uid" id="{{param.processInstanceId}}" submit="submit" validate="validate"></div>
<div class="list tablestyle pickceritem" ng-show="showFundPerson">
    <div class="list-item">
        <div class="list-item list-content">
            <div class="col-5-12 tr c9">来源人</div>
            <div class="col-7-12">
                <input type="text" ng-model="picker.person" />
            </div>
        </div>
        <div class="list-item list-content required">
            <div class="col-5-12 tr c9">来款金额</div>
            <div class="col-7-12">
                <input type="tel" ng-model="picker.money" tel-directive />
            </div>
        </div>
        <div class="list-item list-content">
            <div class="col-5-12 tr c9">来源账号</div>
            <div class="col-7-12">
                <input type="text" ng-model="picker.account" />
            </div>
        </div>
        <div class="list-item list-content">
            <div class="col-5-12 tr c9">开户行</div>
            <div class="col-7-12">
                <input type="text" ng-model="picker.bank" />
            </div>
        </div>
    </div>
    <div class="pickceritem-btn flex tc">
        <div class="cancel" ng-click="cacelFundPerson()">取消</div>
        <div class="confirm" ng-click="confirmFundPerson()">确定</div>
    </div>
</div>